<template>
    <div>
        <van-nav-bar title="订单中心" left-arrow @click-left="onClickLeft">
            <template #right>
                <img src="/src/assets/icon/gengduo (1).svg" size="18" />
            </template>
        </van-nav-bar>
        <van-tabs v-model:active="active">
            <van-tab title="全部" to="/orderList/allOrder"/>
            <van-tab title="进行中" to=""/>
            <van-tab title="待评价" to="/orderList/evaluatingList"/>
            <van-tab title="退款" to="/orderList/refundList"/>
        </van-tabs>
    </div>
    <router-view></router-view>
</template>

<script setup>
import { useRouter } from 'vue-router';
import { ref } from 'vue';

//页面效果区
const active = ref(0);




//编程路由区
const router = useRouter();
function onClickLeft() {
    router.go(-1);
}

</script>




<style lang="scss" scoped>
.van-nav-bar {
    --van-nav-bar-arrow-size: 20px;
    --van-nav-bar-icon-color: black;
}
.van-tabs{
    border:0px;
    --van-tabs-nav-background:#F3F7FA;
}
::v-deep(.van-tab){
    border:0px;
}
</style>